<!DOCTYPE html>
<html lang="en" xmlns:b-bind="http://www.w3.org/1999/xhtml" xmlns:v-text="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
<!--属性绑定-->
<div id="myApp">
    <!--v-bind在属性绑定是可以省略不写-->
    <p :title="msg">鼠标放置可查看title的值</p>

    <hr>
    <!--v-model 为双向数据绑定的指令-->
    <input v-model="content">
    <p v-text="content"></p>
</div>

</body>
<script>
    new Vue({
        el: "#myApp",
        data: {
            msg: '我是属性绑定的值',
            content: "双向数据绑定"
        }
    })

</script>
</html>